


// 页面加载时初始化
  document.addEventListener('DOMContentLoaded', () => {


    // 获取模态对话框元素
    const addCourseModal = document.getElementById('courseDescriptionModal');
    // const addCourseForm = document.getElementById('addCourseForm');

    // 打开模态对话框函数
    window.openCourseDescriptionModal = () => {
      addCourseModal.style.display = 'block';
    };

    // 关闭模态对话框函数
    window.closeCourseDescriptionModal = () => {
      addCourseModal.style.display = 'none';
      // addCourseForm.reset();
    };


    // 获取表格的 tbody 元素
    const tableBody = document.querySelector(".table");

    // 向后端发起 GET 请求
    fetch("/teacher/courses") // 替换为实际的学生数据接口路径
        .then(response => response.json()) // 解析响应为 JSON
        .then(data => {
          // 遍历返回的 JSON 数据
          data.data.forEach(course => {
            // 创建一个新的 tr 元素
            const row = document.createElement("tr");
          row.id = course.id;
            // 插入学生信息到表格行中，并添加删除按钮
            row.innerHTML = `
                    <td>${course.Cname}</td>
                    <td>${course.description}</td> 
                    <td>${course.coursePlace}</td> 
                    <td>${course.status}</td>
                    <td >${course.createtime}</td>
                `;

            // 将行添加到表格中
            tableBody.appendChild(row);
          });
        })

        .catch(error => {
          console.error("获取course数据时出错:", error);
        });

  });
  let currentDeleteButton = null;

// 显示删除确认弹窗
  function showDeleteConfirmModal(button) {
    currentDeleteButton = button;
    document.getElementById('deleteConfirmModal').style.display = 'block';
  }

// 关闭删除确认弹窗
  function closeDeleteConfirmModal() {
    document.getElementById('deleteConfirmModal').style.display = 'none';
    currentDeleteButton = null;
  }


// 为所有删除按钮添加点击事件（如果有动态加载的行）
  function addDeleteEventListeners() {
    document.querySelectorAll('.btn.btn-danger').forEach(button => {
      button.addEventListener('click', function (e) {
        e.preventDefault();
        showDeleteConfirmModal(this);
      });
    });
  }

// 课程详情弹窗相关
  let currentCourseRow = null;

// // 显示课程详情弹窗
//   function showCourseDetailModal(button) {
//     currentCourseRow = button.closest('tr');
//
//     // 获取课程详细信息
//     const courseName = currentCourseRow.querySelector('td:nth-child(1)').textContent;
//     const courseDescription = currentCourseRow.querySelector('td:nth-child(2)').textContent;
//     const schedule = currentCourseRow.querySelector('td:nth-child(4)').textContent;
//
//     // 更新弹窗内容
//     const courseDetailContent = document.getElementById('courseDetailContent');
//     if (courseDetailContent) {
//       courseDetailContent.innerHTML = `
//       <p><strong>课程名称:</strong> ${courseName}</p>
//       <p><strong>描述:</strong> ${courseDescription}</p>
//       <p><strong>上课时间:</strong> ${schedule}</p>
//
//     `;
//     }
//
//     // 显示弹窗
//     const modal = document.getElementById('courseDetailModal');
//     if (modal) {
//       modal.style.display = 'block';
//     }
//   }
//
// // 关闭课程详情弹窗
//   function closeCourseDetailModal() {
//     const modal = document.getElementById('courseDetailModal');
//     if (modal) {
//       modal.style.display = 'none';
//     }
//     currentCourseRow = null;
//   }
//
// // 为所有详情按钮添加点击事件（如果有动态加载的行）
//   function addViewDetailEventListeners() {
//     document.querySelectorAll('.btn.btn-info').forEach(button => {
//       button.addEventListener('click', function (e) {
//         e.preventDefault();
//         showCourseDetailModal(this);
//       });
//     });
//   }

// 页面加载完成后初始化
  window.onload = function () {
    addDeleteEventListeners();
    addViewDetailEventListeners();
  }
function searchCourse() {
  // 获取用户输入的课程名
  const courseName = document.getElementById('courseNameInput').value;

  // 向后端发送请求
  fetch(`/api/courses?name=${encodeURIComponent(courseName)}`, {
    method: 'GET',
    headers: {
      'Content-Type': 'application/json'
    }
  })
      .then(response => response.json())  // 解析响应数据为 JSON 格式
      .then(data => {
        // 数据可视化 - 这里使用 table 替代列表形式展示数据
        const container = document.getElementById('table');
        container.innerHTML = '';  // 清空之前的结果

        if (data.length === 0) {
          container.innerText = '未找到相关课程信息';
          return;
        }

        // 创建表格来展示课程信息
        const table = document.createElement('table');
        table.style.width = '100%';
        table.setAttribute('border', '1'); // 添加边框

        // 表头
        let headerRow = table.insertRow();
        let headerCell1 = document.createElement('th');
        headerCell1.textContent = '课程名';
        let headerCell2 = document.createElement('th');
        headerCell2.textContent = '描述';
        headerRow.appendChild(headerCell1);
        headerRow.appendChild(headerCell2);

        // 表内容
        data.data.forEach(course => {
          const row = table.insertRow();
          const cell1 = row.insertCell();
          const cell2 = row.insertCell();
          cell1.textContent = course.name;
          cell2.textContent = course.description;
        });

        container.appendChild(table);
      })
      .catch(error => {
        console.error('Error:', error);
        alert('查询过程中发生错误，请查看控制台获取详细信息');
      });
}



